<template>
    <vxe-modal
        v-model="showAlert"
        id="myModal6"
        :title="title"
        width="800"
        min-width="460"
        min-height="320"
        esc-closable
        transfer
        resize
        size="small"
        type="confirm"
        @close="close"
    >
        <template v-slot>
            <BaseGrid
                @setGrid="(e)=>{xGrid = e}"
                v-bind="$attrs"
                :loading="loading"
                height="400px"
            >
            </BaseGrid>
        </template>
    </vxe-modal>
</template>

<script>
import BaseGrid from '@/components/base/BaseGrid'

export default {
    name: 'BaseAlert',
    components: { BaseGrid },
    data () {
        return {}
    },
    props: {
        loading: {
            type: Boolean,
            default: false
        },
        title: {
            type: String,
            default: '标题'
        },
        showAlert: {
            type: Boolean,
            default: false
        }
    },
    watch: {},
    methods: {
        close () {
            this.$emit('update:showAlert', false)
        }
    }
}
</script>

<style scoped lang="less">
 .vxe-modal--content {
     flex-grow: 1;
    width: 100%;
}
/deep/ .vxe-modal--content {
    // flex-grow: 1;
    width: 100%!important;
}
</style>
